@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
  font-family: "maple mono";
  src: url("./fonts/maple/maple-mono-latin-100-normal.woff") format("woff");
  font-weight: 100;
}
@font-face {
  font-family: "maple mono";
  src: url("./fonts/maple/maple-mono-latin-200-normal.woff") format("woff");
  font-weight: 200;
}
@font-face {
  font-family: "maple mono";
  src: url("./fonts/maple/maple-mono-latin-300-normal.woff") format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "maple mono";
  src: url("./fonts/maple/maple-mono-latin-400-normal.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "maple mono";
  src: url("./fonts/maple/maple-mono-latin-500-normal.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "maple mono";
  src: url("./fonts/maple/maple-mono-latin-600-normal.woff") format("woff");
  font-weight: 600;
}

html {
  font-family: "maple mono";
  color: #fff;
  line-height: 1.6;
  font-weight: 400;
  background-color: #141414;
}
